<template>
  <nuxt-child />
</template>

<style lang="less" scoped>
  /deep/ .page-auth-content {
    background-color:#fff;
  }
  /deep/ .tip {
    position: sticky;
    top:88px;
    z-index: 3;
    padding-left:30px;
    background-color:#fcf8eb;
    font-size:24px;
    line-height: 36px;
    color:#d39b00;
    p {
      padding:18px 0;
      .text-ellipsis();
    }
    .close-wrap {
      padding:18px 30px 18px 12px;
      height:100%;
    }
    .close {
      position: relative;
      display: inline-block;
      width:14px;
      height:14px;
      &::after,
      &::before {
        content:'';
        position: absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        width:14px;
        height:1px;
        background-color:#999;
      }
      &::after {
        transform: rotate(45deg)
      }
      &::before {
        transform: rotate(-45deg)
      }
    }
  }
</style>
